.results-page {
	background: linear-gradient(180deg, #5fdbdf, #abffe2);
	background-size: cover;
	padding-top: 80px;
	background-size: 100% 100%;
	min-height: 100vh;

	.results-navigation {
		display: flex;
		flex-direction: row;
		justify-content: center;
		position: relative;

		.nav-link {
			margin: 20px 80px;
			text-transform: uppercase;
			color: white;
			font-size: 1.6em;
		}

		.nav-link.active {
			text-decoration: underline;
		}

		.quiz-logo {
			color: white;
			background-color: black;
			height: 80px;
			width: 80px;
			border-radius: 50%;
			text-transform: uppercase;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.qr-link {
			position: absolute;
			top: 10px;
			right: 0;
			border: 1px solid black;
			height: 50px;
			width: 50px;
			border-radius: 50%;
			text-align: center;
			padding: 15px;
		}
	}

	.results-container {
		ul {
			list-style: none;
		}

		.question-container {
			padding-bottom: 20px;

			.question-content {
				font-weight: bold;
			}

			.answer-container {
				//border-bottom: 1px solid black;

				.answer-content {

				}

				.answer-frequency {
					font-weight: bold;
					padding-left: 10px;
				}
			}
		}
	}

	.results-graph {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		text-align: center;
		margin-top: 35px;
		border: 1px solid black;
		height: 50vh;
		min-height: 50vh;
		position: relative;


		.arrow {
			//width: 50px;
			//height: 50px;
			background-color: transparent;
			border: none;
			position: absolute;
			top: 15vh;
			text-align: center;
			font-size: 5.0em;
		}

		.left-arrow {
			left: 0;
			transform: translateX(-100%)
		}

		.right-arrow {
			right: 0;
			transform: translateX(100%)
		}


		.answer-bar {
			width: 100px;
			border: 2px solid black;
			border-bottom: none;
			float: left;
			bottom: 0;
			align-self: flex-end;
		}
	}
	
	.answer-key {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		text-align: center;
		font-size: 2.0em;
		margin-top: 10px;

		.answer-key-item {
			float: left;
			width: 100px;
		}
	}
}